@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
body{
    background-color: #f5f5f5;
}
/*header*/
header{
    position: fixed;
    top:0;
    left:0;
    z-index:200;
    display:none;
}
header img:first-child{
    float:left;
    margin-left:2.13%;
    padding:10px;
    margin-top:15px;
    width:35px;
}
header p{
    margin-left:35%;
    display: inline-block;
}
/*header img:nth-child(2){*/
    /*float: right;*/
    /*margin-right:2.13%;*/
    /*padding:10px;*/
    /*margin-top:25px;*/
/*}*/
/*header img:last-child{*/
    /*float: right;*/
    /*margin-right:2.27%;*/
    /*padding:10px;*/
    /*margin-top:25px;*/
    /*width:4.5%;*/
/*}*/
/*mainPart*/
#mainPart{
    position: absolute;
    top: 0px;
    bottom: 160px;
    overflow-y: scroll;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}
#back{
    position:absolute;
    top:45px;
    left:2.13%;
    width:35px;
    padding:10px;
}

/*doctorIntro*/
#doctorInfo{
    display:none;
    clear: both;
    /*margin-top:360px;*/
}
.doctorIntro{
    background: url("../images/doctorIntrobg.png") no-repeat;
    background-size: 100% 100%;
    height:440px;
    width:100%;
}
.doctorIntro1{
}
.doctorIntro:last-child{

}
.doctorIntro img{
    width:178px;
    height:178px;
    padding:8px;
    border: 4px solid #E6E6E6;
    margin-left:40.8%;
    display: inline-block;
    border-radius: 50%;
    margin-top:25px;
}
.doctorIntro p{
    color:#FFFFFF;
    font-size: 1.3rem;
    text-align: center;
    font-family: AppleMedium;
    letter-spacing: 0.05em;
}
.doctorIntro p:nth-child(2){
    margin-top: 15px;
}
.doctorIntro p:nth-child(3){
    margin-top: 10px;
    font-size:1.1rem;
}


/*menu*/
#menu{
    position: fixed;
    top:120px;
    left:0;
    display:none;
}
.menu{
    box-sizing: border-box;
    width:100%;
    height:95px;
   padding-top:23px;
    text-align: center;
    background-color: #FFFFFF;
    z-index:200;
}
.menu a{
    width: 245px;
    color: #999999;
    font-size: 1rem;
    font-family: AppleMedium;
    text-align: center;
    padding: 23px 4% 20px 4%;
    background-color: #FFFFFF;
}
.menu a.active{
    color: #46A3DB;
    border-bottom: 8px solid #46A3DB;
}
.menu a:nth-child(1){
    /*margin-left: 5.2%;*/
}
.menu a:nth-child(2){
    margin-left: 4%;
    margin-right: 4%;
}
.menu span.active{
    color:#E5F2FB;
    background: #46A3DB;
}
.menu span:first-child{
    padding:11px 7%;
    border-top-left-radius:10px ;
    border-bottom-left-radius:10px ;
}
.menu span:nth-child(2){
    padding:11px 5%;
}
.menu span:nth-child(3){
    padding:11px 5%;
    border-top-right-radius:10px ;
    border-bottom-right-radius:10px ;
}
/*basicInfo*/
.basicInfo{
    padding-top:40px;
    height:146px;
    border-bottom:1px solid #e6e6e6 ;
    background-color: #FFFFFF;
}
.basicInfo section{
    width: 32%;
    text-align: center;
    float: left;
    margin-top: 20px;
}
.basicInfo section p{
    color:#454545;
    font-size: 1rem;
    font-family: AppleMedium;
    margin-top: 16px;
}

/*shortInfo*/
.shortInfo{
    box-sizing: border-box;
    padding:25px 3.46%;
    background-color: #FFFFFF;
    margin-top: 20px;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}
.doctorIntro1 section :nth-child(3){
    margin-bottom:200px;
}
.shortInfo p{
    font-size: 1rem;
    font-family: AppleMedium;
    color:#666666;
    max-height:999999px;
}
.shortInfo p span:last-child{
    float: right;
    color:#999999;
}
.shortInfo p:first-child{
    clear: both;
    color:#333333;
    padding-bottom: 22px;
    /*overflow: hidden;*/
}
.shortInfo p:first-child img{
    width:35px;
    position: relative;
    top:5px;
    padding-right:2.3%;
}
.shortInfo:last-child{
    padding-bottom: 100px;
}

/*button*/
.button{
    height:170px;
    position: fixed;
    width: 100%;
    /*padding:14px 2.67%;*/
    box-sizing: border-box;
    background-color:#FFFFFF ;
    border-top:1px solid #e6e6e6 ;
    display: none;
    bottom:0;
}
.button section{
    float: left;
    text-align: center;
    padding-top:20px;
    box-sizing: border-box;
}
.button section:first-child{
    border-right:2px solid #E6E6E6;
}
.button section:nth-child(2){
    border-right:2px solid #E6E6E6;
}

.button section p{
    text-align: center;
    margin-top:19px;
    font-size:0.8rem;
}
.button section img{
    display:inline-block;
    text-align: center;
    width:30%;
}
.button section:first-child img{
    display:inline-block;
    text-align: center;
    width:25%;
}
.button section:first-child{
    width:20.4%;
}
.button section:nth-child(2){
    width:20.4%;
}
.button section:nth-child(3){
    width:59.2%;
    padding:54px 0;
    background-color: #ff7e00;
}
.button section.unclick{
    background-color: #999999;
}
.button section:nth-child(3) p{
    color:#FFFFFF;
    font-size:1.2rem;
    margin-top: 0;
}
.noConsult{
    height:140px;
    background: #DDDDDD;
    border-top:1px solid #BDBDBD ;
    position: fixed;
    width:100%;
    display: none;
}
.noConsult p{
    color:#666666;
    text-align: center;
    margin-top: 40px;
    font-size: 1.1rem;
}
/*commentDetails*/
.comment{
    display: none;
    padding-bottom: 200px;
    clear: both;
    margin-top: 30px;
}
.commentDetails{
    clear: both;
    /*margin-top: -30px;*/
    box-sizing: border-box;
    padding:0px 5.33% 50px;
    border-bottom:2px solid #E6E6E6 ;
    overflow:hidden;
    background-color: #FFFFFF;
}
.commentDetails section:nth-child(2){
    float: left;
    padding-right: 4.26% ;
    width:40%;
    margin-top: -50px;
}
.commentDetails section:nth-child(2) img{
    width:12%;
}
.commentDetails section:nth-child(2) img:not(:first-child){
    margin-left: 4%;
}
.commentDetails section:nth-child(3){
    float: left;
    margin-left: -4%;
    margin-top: -50px;
}
.commentDetails section:nth-child(3) span{
    color:#333333;
    font-size: 1rem;
    font-family: AppleMedium;
    display: inline-block;
    margin-top: 3px;
}
.commentDetails section:nth-child(4){
    float: right;
    width:30%;
}
.commentDetails section:nth-child(4) span{
    float: right;
    color:#333333;
    font-size: 0.9rem;
    font-family: AppleMedium;
    display: inline-block;
    margin-top: 6px;
}
.commentDetails section:nth-child(4) img{
    float: right;
    margin-right: 6%;
    margin-top: 10px;
}
.commentDetails p:nth-child(5){
    clear: both;
    color:#444444;
    font-size: 1rem;
    font-family: AppleMedium;
    margin-top: 40px;
    max-height:999999px;
    word-wrap:break-word;
    word-break:normal;
}
.commentDetails section:nth-child(6){
    height:35px;
}
.commentDetails section:nth-child(6) img{
    width:8.88%;
    padding:10px;
    border: 1px solid #E6E6E6;
    border-radius: 50%;
    float: left;
    margin-top: 40px;
}
.commentDetails section:nth-child(6) section:nth-child(2){
    float: left;
    margin-left:2.67%;
    font-family: AppleMedium;
    font-size: 0.9rem;
    margin-top: 42px;
    color:#333333;
}
.commentDetails section:nth-child(6) section:nth-child(2) p:nth-child(2){
    color: #999999;
    margin-top: 12px;
    word-wrap:break-word; word-break:normal;
}
.commentDetails section:nth-child(6) p:nth-child(3){
    float: right;
    margin-left:2.67%;
    font-family: AppleMedium;
    font-size: 0.9rem;
    margin-top: 75px;
    color:#333333;
    word-wrap:break-word; word-break:normal;
}
/*hairDairy*/
.hairDairy{
    display: none;
    padding-bottom: 200px;
}
.hairDairyDetails{
    width:94.67%;
    margin-left:2.67%;
    margin-top:30px;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding:20px 2.81% 30px;
    box-sizing: border-box;
}
.hairDairyDetails>section:nth-child(1){
    height:170px;
}
.hairDairyDetails>section:nth-child(1) img:first-child{
    width:14.64%;
    padding:10px;
    border: 1px solid #E6E6E6;
    border-radius: 50%;
    float: left;
}
.hairDairyDetails section:nth-child(1) section:nth-child(2){
    margin-left:2.81%;
    margin-top:26px;
    font-size: 0.9rem;
    font-family: AppleMedium;
    color: #333333;
    float: left;
}
.hairDairyDetails section:nth-child(1) section:nth-child(2) p:nth-child(2){
    margin-top:20px;
    font-size: 0.9rem;
    color: #999999;
}
.hairDairyDetails section:nth-child(1) section:nth-child(3){
    float: right;
    width: 30%;
    margin-top: 54px;
}
.hairDairyDetails section:nth-child(1) section:nth-child(3) span{
    float: right;
    color: #333333;
    font-size: 0.9rem;
    font-family: AppleMedium;
}
.hairDairyDetails section:nth-child(1) section:nth-child(3) img{
    margin-right: 5%;
    float: right;
}
.hairDairyDetails>section:nth-child(2){
    clear: both;
}
.hairDairyDetails>section:nth-child(2) img{
    float: left;
    width:31.52%;
    height:31.52%;
}
.hairDairyDetails>section:nth-child(2) img:not(:first-child){
    margin-left:1.7% ;
}
.hairDairyDetails ul{
    display:block;
    /*height:300px;*/
}
.hairDairyDetails li{
    list-style: none;
    padding:0;
    margin:0;
    display:inline;
}
.hairDairyDetails li img{
    /*float: left;*/
    width:31.52%;
    /*height:31.52%;*/
    height:290px;
}
.hairDairyDetails>p:nth-child(3){
    max-height: 999999px;
    color: #444444;
    font-size: 0.9rem;
    font-family: AppleMedium;
    margin-top: 30px;
    padding-bottom: 40px;
    border-bottom:1px solid #E6E6E6 ;
    overflow: hidden;
}
.hairDairyDetails>section:nth-child(4){
    height:80px;
}
.hairDairyDetails>section:nth-child(4) section:first-child{
    float: left;
    width:30%;
}
.hairDairyDetails>section:nth-child(4) section:first-child img{
    float: left;
    margin-top:32px;
}
.hairDairyDetails>section:nth-child(4) section:first-child span{
    float: left;
    margin-top:28px;
    color: #333333;
    font-size: 0.9rem;
    font-family: AppleMedium;
    margin-left:6% ;
}
.hairDairyDetails>section:nth-child(4) section:nth-child(2){
    float: right;
    width:30%;
}
.hairDairyDetails>section:nth-child(4) section:nth-child(2) img{
    float: right;
    margin-top: 34px;
}
.hairDairyDetails>section:nth-child(4) section:nth-child(2) span{
    float: right;
    margin-top:28px;
    color: #46A3DB;
    font-size: 0.9rem;
    font-family: AppleMedium;
    margin-right:6% ;
}
/*上传图片*/
.uploadifive-button {
    float: left;
    margin-right: 10px;
}
#queue {
    border: 1px solid #E5E5E5;
    height: 177px;
    overflow: auto;
    margin-bottom: 10px;
    padding: 0 3px 3px;
    width: 300px;
}
/*mask*/
.mask{
    position: absolute;
    z-index:200;
    background-color: #000000;
    opacity: 0.5;
    top:0;
    left:0;
    display: none;
}
/*optionGroup*/
.optionGroup{
    height:180px;
    width:100%;
    box-sizing: border-box;
    padding:0 2.67%;
    position: fixed;
    z-index:300;
    display: none;
}
.optionGroup section{
    height:180px;
    width:100%;
    background-color: #EEEEEE;
    box-sizing: border-box;
    padding:20px 4.92% 0 4.92%;
    font-family:AppleMedium ;
    font-size: 1.2rem;
}
.optionGroup section:last-child{
    height:100px;
    padding:40px;
    box-sizing: border-box;
}
.optionGroup section:first-child{
    border-top-left-radius:10px ;
    border-top-right-radius:10px ;
    display:none;
}
.optionGroup section:nth-child(2){
    /*border-bottom-left-radius:10px ;*/
    /*border-bottom-right-radius:10px ;*/
    border-radius: 10px;
}
.optionGroup section p:first-child span:first-child{
    float: left;
    color:#333333;
}
.optionGroup section p:first-child span:nth-child(2){
    float: right;
    color:#FE4924;
}
.optionGroup section>p:nth-child(2){
    clear: both;
    padding-top: 18px;
    font-size: 1rem;
}
.optionGroup section p:nth-child(2) span:nth-child(2){
    float: right;
}
.optionGroup section:nth-child(3){
    padding-top: 10px;
    margin-top:28px ;
    border-radius: 10px;
}
.optionGroup section:nth-child(3) span{
    text-align: center;
    color: #46A3DB;
    /*margin-left:45%;*/
    margin-top:12px ;
    font-size: 1.2rem;
    display: block;
    text-align: center;
    /*letter-spacing: 0.25em;*/
}
/*星星逻辑*/
fieldset, label { margin: 0; padding: 0; }
h1 { font-size: 1.5em; margin: 10px; }

.rating {
    border: none;
    float: left;
}

.rating > input { display: none; }
.rating > label:before {
    margin-left:10px;
    margin-right: 10px;
    font-size: 1.5em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #ddd;
    float: right;
}

.rating > input:checked ~ label,
.rating > label:hover,
.rating:not(:checked) > label:hover ~ label { color: #ffb400;  }

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label { color: #ffb400;  }

/*#doctorInfo2,#doctorInfo3{*/
/*position: absolute;*/
/*top: 670px;*/
/*bottom: 34px;*/
/*overflow-y: scroll;*/
/*width: 100%;*/
/*-webkit-overflow-scrolling: touch;*/
/*}*/
.zhezhao{
    width:60%;
    position:relative;
    height:80px;
    background-color: #000000;
    opacity:0;
    top:80px;
    z-index:200;
    /*display: none;*/
}
.extra{
    display:none;
}

.total{
    position:absolute;
    top:208px;
    left:2.5%;
    right:2.5%;
    z-index: 400;
    width:94.8%;
    background-color: #FFFFFF;
    height:1100px;
    border-radius: 15px 15px 0 0;
    display: none;
}
.total>img:first-child{
    width:18.7%;
    display:block;
    margin:-13% auto 0 auto;
    padding: 10px;
    border:1px solid #E6E6E6;
    /*background:rgba(255,255,255,1);*/
    border-radius: 50%;
}
.total>p:nth-child(2){
    font-size:1rem;
    font-family: AppleMedium;
    width:100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 40px;
}
.father{
    margin-top: 10px;
    position: absolute;
    top: 160px;
    bottom: 34px;
    overflow-y: scroll;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}
.dairy{
    background: url(../images/Verticalline.png) repeat-y 5% 0%;
}
.time{
    width:92%;
    margin-left: auto;
    margin-right:auto;
    /*margin-top:20px;*/
    clear:both;
}
.time>img:first-child{
    width:2.7%;
    margin-top: 1%;
    float: left;
    padding:1px;
    background-color: #FFFFFF;
}
.time>p:nth-child(2){
    font-size:0.8rem;
    font-family: AppleMedium;
    width:24%;
    margin-left:2%;
    float: left;
}
.time>img:nth-child(3){
    float:left;
    width:4%;
    margin-left:60%;
}
.time>p:nth-child(4) {
    float: left;
    width: 5%;
    font-size: 0.8rem;
    font-family: AppleMedium;
    margin-left: 1.3%;
    clear: right;
}
.son{
    margin-bottom: 40px;
}
.son li img{
    /*width: 28.9%;*/
    margin-right: 1%;
    margin-left: 1%;
}
.son p:nth-child(1){
    /*float: left;*/
    position:relative;
    width:94%;
    font-family: AppleMedium;
    font-size: 0.9rem;
    top:20px;
    display: block;
    margin-left:4.7%;
    overflow:hidden;
    max-height: 999999px;
    padding-bottom: 30px;
    z-index:500;
}
.son li img{
    margin-top:20px;
    width:269px;
    height:269px;
    margin-left:4.7%;
}
.son li{
    margin:0;
    padding:0;
    list-style: none;
    width:272px;
    display:inline;
    clear: both;
    margin-top:30px;
}
/*.son :nth-child(2){*/
/**/
/*}*/
/*.son :nth-child(3){*/
/**/
/*margin-right:1%;*/
/*margin-left:1%;*/
/*}*/
/*.son :nth-child(4){*/
/*width:28.9%;*/
/*}*/
.son1{
    font-family: AppleMedium;
    color:#46a3db;
    position: absolute;
    top: 1300px;
    height:80px;
    background-color: #FFFFFF;
    border-radius:0 0 15px 15px ;
    z-index:600;
    display:none;
    left: 2.5%;
    right: 2.5%;
    width: 94.8%;
}
.son1 :nth-child(1){
    width:3%;
    float: left;
    position: relative;
    left:38%;
    top:25px;
}
.son1 :nth-child(2){
    font-size: 0.75rem;
    float: left;
    position: relative;
    left:39%;
    top:20px;
}
.son1 :nth-child(3){
    float: left;
    font-size:0.9rem;
    position: relative;
    left:64%;
    top:15px;
}
.son1 :nth-child(4){
    float: left;
    width:4%;
    position: relative;
    left:65%;
    top:15px;
}
.over{
    width:2.7%;
    float: left;
    padding: 1px;
    background-color: #FFFFFF;
    margin-top:40px;
}
.like_num{
    display:none;
}
.time :nth-child(3),.time :nth-child(4){
    display:none;
}
#doctorInfo1 {
    display:none;
    background-image: url("../images/doctorInfo1Back.jpg");
    background-size: 100% 100%;
    height:550px;
}
.doctorInfo section:first-child{
    text-align: center;
}
.doctorInfo section:first-child img{
    width:120px;
    height:120px;
    padding: 9px;
    border:2px solid #ededed;
    border-radius: 50%;
    margin-top: 40px;
}
.doctorInfo section:first-child p{
    margin-top: 35px;
    color:#333333;
    font-size: 1.2rem;
}
.doctorInfo section:first-child p span:first-child{
    color:#FFFFFF;
    font-size:1.2rem;
}
.doctorInfo section:first-child p span:nth-child(2){
    color:#FFFFFF;
    font-size:1rem;
}
.doctorInfo section:not(:first-child){
    float: left;
    margin-top:74px;
    width:21.6%;
    text-align: center;
}
.doctorInfo section:not(:first-child) p:first-child{
    color:#FFFFFF;
    font-size: 1.2rem;
    font-weight:700 ;
}
.doctorInfo section:not(:first-child) p:nth-child(2){
    color:#FFFFFF;
    font-size: 1rem;
}
.doctorInfo section:nth-child(2){
    margin-left:17.5%;
}
.doctorInfo section:nth-child(3){
    /*margin-left:19.78%;*/
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
}
.doctorInfo section:nth-child(4){
    /*margin-left:16.98%;*/
}